<!DOCTYPE html>
<html>
<head>
  <title>用户列表</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <!-- Bootstrap -->
  <link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="../css/bootstrap-responsive.css" rel="stylesheet" media="screen">
  <link href="../css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen">
  <link href="../css/docs.css" rel="stylesheet" media="screen">
  <link href="../css/mycss.css" rel="stylesheet" media="screen">

  <style type="text/css">
    .bs-docs-example:after {
      content: "用户列表"
    }
  </style>

</head>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-datetimepicker.js"></script>
<body>

  <div class="header">
    <div class="fl">
      <img src="../img/logo_yizhi.jpg">
    </div>
    <div class="fl">  
      <h3>上海熠智流体控制设备有限公司信息管理系统</h3>
      <h5></h5>
    </div>
    <div class="fr">
      欢迎您：王XX&nbsp;（管理员）&nbsp;&nbsp;<a href="#">退出登录</a>
    </div>
  </div>


  <div class="navbar">
    <div class="navbar-inner">
      <ul class="nav">
      <li><img src="../img/logo_yizhi.jpg" width="100px" height="100px" ></li>
        <li class="divider-vertical"></li>
        <li><a href="../menu/project.html" >项目管理</a></li>
        <li class="divider-vertical"></li>
        <li><a href="../menu/contract_list.html">合同管理</a></li>

        <!--生产管理 -->
        <li class="divider-vertical"></li>
        <li class="dropdown">

          <a id="productMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">生产管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="../menu/product_list.html">产品列表</a></li>
            <li><a tabindex="-1" href="../menu/component_apply_list.html">配件申请</a></li>
          </ul>
        </li>


        <li class="divider-vertical"></li>
        <li class="dropdown">
          <a id="dropdownMenu1" class="dropdown-toggle" data-toggle="dropdown" href="#">仓库管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
            <li><a tabindex="-1" href="../menu/produce_requirement.html">处理生产需求</a></li>
            <li><a tabindex="-1" href="../menu/purchase_apply_list.html">采购申请单</a></li>
            <li><a tabindex="-1" href="../menu/storage_management.html">库存管理</a></li>
          </ul>
        </li>
        
        <li class="divider-vertical"></li>
        <li ><a href="purchase_management.html">采购管理</a></li>


        <!--财务管理 -->
        <li class="divider-vertical"></li>
        <li class="dropdown">
          <a id="dropdownMenu" class="dropdown-toggle" data-toggle="dropdown" href="#">财务管理<b class="caret"></b></a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
            <li><a tabindex="-1" href="../menu/expense_apply_list.html">报销申请</a></li>
            <li><a tabindex="-1" href="../menu/purchase_check_list.html">采购审批</a></li>
            <li><a tabindex="-1" href="../menu/expense_check_list.html">报销审批</a></li>
            <li><a tabindex="-1" href="../menu/account_list.html">进出账</a></li>
          </ul>
        </li>


        <li class="divider-vertical"></li>
        <li class="active"><a href="../menu/user_list.html">用户管理</a></li>
        <li class="divider-vertical"></li>
      </ul>
    </div>
  </div>



  <div >

    <form >

     <div class="form-actions">

       <div  class='row'>

        <div class='span4'>
         <div class='row'>
          <span class=" span2 text-center">登陆账号</span>
          <input class="span2"  type="text" placeholder="登陆账号">
        </div>
      </div>

      <div class='span4'>
        <div class='row'>
          <span class=" span2 text-center">姓名</span>
          <input class="span2"  type="text" placeholder="姓名">
        </div>
      </div>

      <div class='span4'>
        <div class='row'>
          <span class=" span2 text-center">角色</span>
          <input class="span2"  type="text" placeholder="角色">
        </div>
      </div>

    </div> 

  </div>



  <button type="button" class="btn btn-primary">查询</button>

  <button type="button" class="btn btn-primary">清空</button>


  <a href="#add_project" role="button" class="btn btn-primary" data-toggle="modal">新建用户</a>


</div>







<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">用户列表</a></li>
  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
      <table class="table table-hover table-bordered">
        <tr><th>编号</th><th>登陆账号</th><th>姓名</th><th>角色</th><th>创建时间</th><th>操作</th></tr>
        <tr><td>1</td><td>001</td><td>张三</td><td>销售员，生产</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>2</td><td>002</td><td>李四</td><td>财务，仓管</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>3</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>4</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>5</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>6</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>7</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>8</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>9</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>
        <tr><td>10</td><td>003</td><td>周五</td><td>总经理</td><td>2014-05-17</td><td><a href="#edit_project" data-toggle="modal">编辑</a></td></tr>

      </table>  
    </div>

  </div>
</div>


</form>
</div>
<ul class="pager">
  <li class="previous disabled">
    <a href="#">&larr; 上一页</a>
  </li>
  第1页 /共3页28条记录
  <li class="next">    
   <a href="#">下一页 &rarr;</a>
 </li>
</ul>






<!-- 新建项目表单 -->
<div id="add_project" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">新增用户</h3>
  </div>
  <div class="modal-body">
    <form class="form-horizontal">
      <div class="control-group">
        <label class="control-label" for="inputEmail">姓名</label>
        <div class="controls">
          <input type="text" id="" placeholder="姓名">
        </div>
      </div>
      <div class="control-group">
        <label class="control-label" for="inputEmail">密码</label>
        <div class="controls">
          <input type="password" id="" placeholder="密码">
        </div>
      </div>

      <div class="control-group">
        <label class="control-label" for="inputEmail">角色</label>
        <div class="controls">
          <label class="checkbox inline">
            <input type="checkbox" id="" > 系统管理员
          </label>
          <label class="checkbox inline"><input type="checkbox" id="" >销售</label>
          <label class="checkbox inline"><input type="checkbox" id="" >生产</label>
          <label class="checkbox inline"><input type="checkbox" id="" >仓管</label>
          <label class="checkbox inline"><input type="checkbox" id="" >采购</label>
          <label class="checkbox inline"><input type="checkbox" id="" >财务</label>
          <label class="checkbox inline"><input type="checkbox" id="" >总经理</label>
        </div>
      </div>

    </form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
    <button class="btn btn-primary">保存</button>
  </div>
</div>


<div id="edit_project" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">编辑用户信息</h3>
  </div>
  <div class="modal-body">
    <form class="form-horizontal">
     <div class="control-group">
      <label class="control-label" for="inputEmail">登陆账号</label>
      <div class="controls">
        <input type="text" id="" value="001">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputEmail">姓名</label>
      <div class="controls">
        <input type="text" id="" value="张三">
      </div>
    </div>
    <div class="control-group">
      <label class="control-label" for="inputEmail">密码</label>
      <div class="controls">
        <input type="password" id="" value="123456">
      </div>
    </div>

    <div class="control-group">
      <label class="control-label" for="inputEmail">角色</label>
      <div class="controls">
        <label class="checkbox inline">
          <input type="checkbox" id="" > 系统管理员
        </label>
        <label class="checkbox inline"><input type="checkbox" id="" checked="checked">销售</label>
        <label class="checkbox inline"><input type="checkbox" id="" >生产</label>
        <label class="checkbox inline"><input type="checkbox" id="" >仓管</label>
        <label class="checkbox inline"><input type="checkbox" id="" >采购</label>
        <label class="checkbox inline"><input type="checkbox" id="" checked="checked">财务</label>
        <label class="checkbox inline"><input type="checkbox" id="" >总经理</label>
      </div>
    </div>
  </form>
</div>
<div class="modal-footer">
  <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  <button class="btn btn-primary">保存</button>
</div>
</div>

<div class="footer">
  <hr>
  <div>上海熠智流体控制设备有限公司&nbsp;&nbsp;版权所有</div>
  <div>Copyright By Shanghai Yizhi Flow Control Equipment Co., Ltd.</div>
</div>

</body>
</html>